<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<script type="text/javascript">
    $(document).ready(function() {
        // 'DataTablize' the tables
        $("table").dataTable({
            "bPaginate": true,
            "sPaginationType": "full_numbers",
            "bFilter": true,
            "bJQueryUI": true,
            "bAutoWidth": false,
            "aoColumns": [{"sType": "html"}, {"sType": "numeric" }]
        });
    });
</script>
<div id="geneList" class="content list">
    <html:form action="searchSubmit">
        <div class="input">
            <dl>
                <dt>Search Genes:</dt>
                <dd><html:text property="searchText" />&nbsp;<html:submit property="submitType" value="Search" /></dd>
            </dl>
            <html:hidden property="searchSelect" value="2" />
        </div>
    </html:form>
    <h2>Gene List</h2>
    <table cellpadding="0" cellspacing="0" border="0" class="display">
        <thead>
            <tr>
                <th>Gene</th>
                <th>Number of SNPs Genotyped</th>
            </tr>
        </thead>
        <tbody>
            <logic:iterate id="gene" name="geneListForm" property="geneList">
                <tr>
                    <td>
                        <a href='geneSummary.do?geneName=<bean:write name="gene" property="name"/>'>
                            <bean:write name="gene" property="name"/>
                        </a>
                    </td>
                    <td><bean:write name="gene" property="snpCount" /></td>
                </tr>
            </logic:iterate>
        </tbody>
    </table>
</div>